<%@ page import="java.util.List" %>
<%@ page import="com.bookshop.entity.Book" %>
<%@ page import="com.bookshop.utils.StringUtil" %><%--
  Created by IntelliJ IDEA.
  User: 云哥
  Date: 2023-05-22
  Time: 12:29
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="Robots" content="index,follow"/>
    <title>"第三波书店"-网上书店</title>
    <link href="css/global.css" rel="stylesheet" type="text/css"/>
    <link href="css/index.css" rel="stylesheet" type="text/css"/>
</head>


<body>

<%--引入头部 begin--%>
<%@include file="header.jsp" %>
<%--引入头部 end--%>
<div id="container">
    <!--left content-->
    <%@include file="left.jsp" %>

    <!--middle content-->
    <div id="content">
        <div id="magic"><img src="images/a_b_02.jpg" alt="幻灯图片" width="480" height="200"/></div>
        <div id="a_b_02">
            <a href="#">电子词典专柜上线</a>
            <a href="#">Lucy陪你说真人口语英语对译软件</a>
            <a href="#" class="red">哇~这东西真便宜，大家快来抢啊！</a>
        </div>
        <!--comment books start-->
        <div id="comment_book">
            <ul>
                <%
                    List<Book> books = (List<Book>) request.getAttribute("books");
                    if (books != null && books.size() > 0) {
                        for(Book book :books){
                %>
                <li title="<%=book.getTitle()%>">
                    <a href="book?action=details&id=<%=book.getId()%>">
                        <img src="images/BookCovers/<%=book.getIsbn()%>.jpg" alt="" width="100"
                                               height="115"/></a>
                    <a href="book?action=details&id=<%=book.getId()%>"><%=StringUtil.sub(book.getTitle(),8)%></a>
                </li>
                <%}}%>


            </ul>
        </div>
        <!--comment books end-->
    </div>

    <!--sidebar content-->
    <div id="sidebar">
        <ul id="notice">
            <li><a href="#">国庆期间货物延期配送公告</a></li>
            <li><a href="#">英语高级口语资格考试</a></li>
            <li><a href="#">英语高级口语资格考试</a></li>
            <li><a href="#">英语高级口语资格考试</a></li>
        </ul>
        <div id="order_find">
            <form action="" method="post" target="_blank">
                <label>订单号：</label><input type="text" id="keyword" class="order_key"/>
                <input type="submit" id="s_submit" class="order_sub" value="查询状态"/>
            </form>
        </div>
        <div class="service">
            <p><a href="#"><img src="images/QQ_01.gif"/></a>
                <a href="#"><img src="images/QQ_02.gif"/></a>
                <a href="#"><img src="images/QQ_02.gif"/></a></p>
            <p><a href="#"><img src="images/taobao_01.gif"/></a>
                <a href="#"><img src="images/taobao_02.gif"/></a></p>
        </div>
        <!--hot books start-->
        <div class="sidedt hots">
            <h1>热销排行</h1>
            <ul>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
            </ul>
        </div>
        <!--hot books end-->
        <!--laster books start-->
        <div class="sidedt laster">
            <h1>热销排行</h1>
            <ul>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
                <li><a href="#">英语高级口语资格考试</a></li>
            </ul>
        </div>
        <!--laster books end-->
    </div>
</div>

<%--引入网页底部 begin--%>
<%@include file="footer.jsp" %>
<%--引入网页底部 end--%>

</body>
</html>
